
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">快捷方式</div>
            <div class="layui-card-body">
              
              <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                <div carousel-item>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs3">
                      <a lay-href="component/layer/list">
                        <i class="layui-icon layui-icon-website"></i>
                        <cite>弹层</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="component/button/">
                        <i class="layui-icon layui-icon-find-fill"></i>
                        <cite>按钮</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="component/progress/">
                        <i class="layui-icon layui-icon-loading-2"></i>
                        <cite>进度条</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/senior/im/">
                        <i class="layui-icon layui-icon-chat"></i>
                        <cite>聊天</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="component/panel/">
                        <i class="layui-icon layui-icon-read"></i>
                        <cite>面板</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="component/badge/">
                        <i class="layui-icon layui-icon-tree"></i>
                        <cite>徽章</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/set/system/website">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>网站设置</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/set/user/password">
                        <i class="layui-icon layui-icon-password"></i>
                        <cite>密码</cite>
                      </a>
                    </li>
                  </ul>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs3">
                      <a lay-href="/set/user/info">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/set/user/info">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/set/user/info">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/set/user/info">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/set/user/info">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/set/user/info">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/set/user/info">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a lay-href="/set/user/info">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                      </a>
                    </li>
                  </ul>
                  
                </div>
              </div>
              
            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="layui-card">
            <div class="layui-card-header">待办事项</div>
            <div class="layui-card-body">

              <div class="layui-carousel layadmin-carousel layadmin-backlog">
                <div carousel-item>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs6">
                      <a lay-href="" class="layadmin-backlog-body">
                        <h3>待审评论</h3>
                        <p><cite>66</cite></p>
                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="" class="layadmin-backlog-body">
                        <h3>待审帖子</h3>
                        <p><cite>12</cite></p>
                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="" class="layadmin-backlog-body">
                        <h3>待审商品</h3>
                        <p><cite>99</cite></p>
                      </a>
                    </li>
                    <li class="layui-col-xs6">
                      <a lay-href="" class="layadmin-backlog-body">
                        <h3>待发货</h3>
                        <p><cite>20</cite></p>
                      </a>
                    </li>
                  </ul>
                  <ul class="layui-row layui-col-space10">
                    <li class="layui-col-xs6">
                      <a lay-href="" class="layadmin-backlog-body">
                        <h3>待审友情链接</h3>
                        <p><cite style="color: #FF5722;">5</cite></p>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="layui-col-md12">
          <div class="layui-card">
            <div class="layui-card-header">数据概览</div>
            <div class="layui-card-body">
              
              <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
                <div carousel-item id="LAY-index-dataview">
                  <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                  <div></div>
                  <div></div>
                </div>
              </div>
              
            </div>
          </div>
          <div class="layui-card">
            <div class="layui-tab layui-tab-brief layadmin-latestData">
              <ul class="layui-tab-title">
                <li class="layui-this">今日热搜</li>
                <li>今日热帖</li>
              </ul>
              <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                  <table id="LAY-index-topSearch"></table>
                </div>
                <div class="layui-tab-item">
                  <table id="LAY-index-topCard"></table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <div class="layui-col-md4">

      <div class="layui-card">
        <div class="layui-card-header">
          我们承诺
          <i class="layui-icon layui-icon-tips" lay-tips="请为我们打call" lay-offset="5"></i>
        </div>
        <div class="layui-card-body layui-text layadmin-text">
          <p>您若放心托付，我必全力以赴；您的信任，是我们前行的动力</p>
          <p>君可知，吾不求倾尽天下，只愿为你一袭轻纱，许下一世并蒂莲花</p>
          <p>君可知，吾不求容颜如画，只愿为你笑靥如花，许下一世花前月下</p>
          <p>君可知，吾不要他人情牵，只愿为你素手勾弦，许下一世</p>
        </div>
      </div>

      <!--<div class="layui-card">-->
        <!--<div class="layui-card-header">版本信息</div>-->
        <!--<div class="layui-card-body layui-text">-->
          <!--<table class="layui-table">-->
            <!--<colgroup>-->
              <!--<col width="100">-->
              <!--<col>-->
            <!--</colgroup>-->
            <!--<tbody>-->
              <!--<tr>-->
                <!--<td>当前版本</td>-->
                <!--<td>-->
                  <!--<script type="text/html" template>-->
                    <!--v{{ layui.admin.v }}-->
                    <!--<a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 15px;">更新日志</a>-->
                  <!--</script>-->
                <!--</td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>基于框架</td>-->
                <!--<td>-->
                  <!--<script type="text/html" template>-->
                    <!--layui-v{{ layui.v }}-->
                  <!--</script>-->
               <!--</td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>主要特色</td>-->
                <!--<td>单页面 / 响应式 / 清爽 / 极简</td>-->
              <!--</tr>-->
              <!--<tr>-->
                <!--<td>获取渠道</td>-->
                <!--<td style="padding-bottom: 0;">-->
                  <!--<div class="layui-btn-container">-->
                    <!--<a href="http://www.layui.com/admin/" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>-->
                    <!--<a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">立即下载</a>-->
                  <!--</div>-->
                <!--</td>-->
              <!--</tr>-->
            <!--</tbody>-->
          <!--</table>-->
        <!--</div>-->
      <!--</div>-->

      <div class="layui-card">
        <div class="layui-card-header">效果报告</div>
        <div class="layui-card-body layadmin-takerates">
          <div class="layui-progress" lay-showPercent="yes">
            <h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>
            <div class="layui-progress-bar" lay-percent="65%"></div>
          </div>
          <div class="layui-progress" lay-showPercent="yes">
            <h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>
            <div class="layui-progress-bar" lay-percent="32%"></div>
          </div>
        </div>
      </div>

      <div class="layui-card">
        <div class="layui-card-header">实时监控</div>
        <div class="layui-card-body layadmin-takerates">
          <div class="layui-progress" lay-showPercent="yes">
            <h3>CPU使用率</h3>
            <div class="layui-progress-bar" lay-percent="58%"></div>
          </div>
          <div class="layui-progress" lay-showPercent="yes">
            <h3>内存占用率</h3>
            <div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>
          </div>
        </div>
      </div>

      <!--<div class="layui-card">-->
        <!--<div class="layui-card-header">产品动态</div>-->
        <!--<div class="layui-card-body">-->
          <!--<div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">-->
            <!--<div carousel-item>-->
              <!--<div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>-->
              <!--<div><a href="javascript:;" onclick="layer.msg('等待添加')" target="_blank" class="layui-bg-green">layuiAdmin 集成心得分享</a></div>-->
              <!--<div><a href="javascript:;" onclick="layer.msg('等待添加')" target="_blank" class="layui-bg-blue">首款 layui 官方后台模板系统正式发布</a></div>-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->


    </div>
    
  </div>
</div>


<script>
//加载 controller 目录下的对应模块
/*

  小贴士：
    这里 console 模块对应 的 console.js 并不会重复加载，
    然而该页面的视图则是重新插入到容器，那如何保证能重新来控制视图？有两种方式：
      1): 借助 layui.factory 方法获取 console 模块的工厂（回调函数）给 layui.use
      2): 直接在 layui.use 方法的回调中书写业务代码，即:
          layui.use('console', function(){ 
            //同 console.js 中的 layui.define 回调中的代码 
          });
          
  这里我们采用的是方式1。其它很多视图中采用的其实都是方式2，因为更简单些，也减少了一个请求数。
  
*/
layui.use('console', layui.factory('console'));
</script>

